{% extends "base.html" %}
{% block main_content %}
  <script>
    const EDITOR_SETTINGS = {{ vulnerability_details.getSettings()|tojson }};
    window.EDITOR_SETTINGS = EDITOR_SETTINGS;
  </script>

  {% if cfg.DEMO_MODE %}
    <div class="row my-3">
      <div class="col-sm-8 offset-md-2">
        <div class="alert alert-danger" role="alert">
          <h4 class="alert-heading">Attention!</h4>
          <b>The application is running in demo mode. Permanent changes are restricted to administrators.</b>
        </div>
      </div>
    </div>
  {% endif %}

  <div class="row mb-3">
    <div class="col-sm-8 offset-md-2">
      {% include 'vuln_info.html' %}
    </div>
  </div>

  <div class="row">
    <div class="col-md-2 offset-md-1">
      <div class="card box-shadow">
        <div class="card-body d-flex flex-column align-items-start">
         {% include 'editor/file_tree.html' %}
        </div>
      </div>
    </div>

    <div class="col-md-6">
      <div class="card flex-md-row mb-4 box-shadow h-md-250 h-100">
        <div class="card-body d-flex flex-column align-items-start h-100">
          {% include 'editor/editor_container.html' %}
        </div>
      </div>
    </div>

    <div class="col-md-2">
      <div class="card flex-md-row mb-4 box-shadow h-md-250" style="overflow: auto">
        <div class="card-body d-flex flex-column align-items-start">
          {% include 'editor/metadata_edit.html' %}
        </div>
      </div>
    </div>
  </div>


{% endblock %}